<!DOCTYPE html>
<html>
	<head>
		<title>系统正在升级维护中...</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			body {
				margin: 0;
				padding: 0;
				background-size: 100% 100%
			}
			.container{
				margin: 0 auto;
				height: 100vh;
				width: 100vw;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			.container .box1{
				max-width: 720px;
				margin: 50px;
				display: flex;
				justify-content: center;
			}
			.box1 h1{
				FONT-SIZE: 20px;
				FONT-WEIGHT: 800
			}
			.container .box2{
				margin: 20px 0;
				max-width: 720px;
				display: flex;
				justify-content: center;
			}
			.container .box3{
				max-width: 720px;
				display: flex;
				justify-content: center;
				padding: 20px;
				
			}
			.box3 p{
				margin: 30px 0;
				color: #048698;
				font-size: 16px;
				font-weight: 800;
				text-indent:2em;
				line-height: 30px;
			}
			.container .box4{
				margin: 45px 0;
				max-width: 720px;
				display: flex;
				justify-content: center;
				margin-bottom: 0;
			}
		</style>
	</head>
	<body style="background-color: #fafafa;">
		<div class="container">
			<div class="box1 header">
				<h1>系统正在升级维护中...</h1>
			</div>
			<div class="box2">
				<img width="260px" height="140px" src="" alt="暂无数据">
			</div>
			<div class="box3">
				<p>因服务器升级扩容,现暂停服务！预计1~2小时恢复，敬请谅解！</p>
			</div>
			<div class="box4">
				<img style="overflow: hidden;width: 100%;" src="" alt="底部">
			</div>
		</div>
		
	</body>
</html>

